﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true"
    CodeBehind="CheckOut.aspx.cs" Inherits="Touch2Like.Web.Product.CheckOut" %>

<asp:Content ID="Content1" ContentPlaceHolderID="headcontent" runat="server">
    <style type="text/css">
        form select
        {
            height: auto;
        }
        .shopInfro, .shopCarbag
        {
            width: 960px;
            margin: 0 auto;
            color: #545351;
        }
        .shopCarbag li
        {
            height: 46px;
            line-height: 46px;
            float: left;
            width: 33.3%;
            text-align: center;
            color: #7E7E7E;
            font-size: 14px;
            background: #F6F6F6 url(/img/nav_icon_01.gif) no-repeat right top;
        }
        .shopCarbag li.selected
        {
            background: #E8E8E8 url(/img/nav_icon_02.gif) no-repeat right top;
        }
        .shopCarbag li span
        {
            display: inline-block;
            margin-right: 5px;
            font-weight: bold;
            font-size: 18px;
        }
        .shopCarbag li.selected
        {
            background: #e8e8e8 url(http://p.www.xiaomi.com/images/new816/nav_icon_02.gif) no-repeat right top;
        }
        .shopCarbag li.overed
        {
            background: #f6f6f6 url(http://p.www.xiaomi.com/images/new816/nav_icon_03.gif) no-repeat right top;
        }
        .shopCarbag li.item3
        {
            background: #f6f6f6 none;
        }
        .shopBtn
        {
            display: block;
            height: 36px;
            font-size: 14px;
            text-align: center;
            line-height: 36px;
            color: #fff;
            background: #ec4f22;
            font-weight: bold;
            background: -webkit-gradient(linear,left top,left bottom,color-stop(#ff6e42,0),color-stop(#ec4f22,1));
            background: -webkit-linear-gradient(top,#ff6e42 0,#ec4f22 100%);
            background: -moz-linear-gradient(top,#ff6e42 0,#ec4f22 100%);
            background: -o-linear-gradient(top,#ff6e42 0,#ec4f22 100%);
            background: linear-gradient(top,#ff6e42 0,#ec4f22 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e42',endColorstr='#ec4f22',GradientType=0);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            border: 1px solid #fc6236;
        }
        .shopBtn:hover
        {
            -webkit-box-shadow: 0 1px 1px #fb7a54 inset,1px 1px 2px rgba(0,0,0,0.4);
            -moz-box-shadow: 0 1px 1px #fb7a54 inset,1px 1px 2px rgba(0,0,0,0.4);
            box-shadow: 0 1px 1px #fb7a54 inset,1px 1px 2px rgba(0,0,0,0.4);
        }
        .shopBtn:active
        {
            background: #ec4f22;
            -webkit-box-shadow: 1px 1px 2px #ec4a1c inset;
            -moz-box-shadow: 1px 1px 2px #ec4a1c inset;
            box-shadow: 1px 1px 2px #ec4a1c inset;
        }
        .acountpassword
        {
            visibility:hidden;
        }
    </style>
    <script type="text/javascript">
        jQuery(function () {
            $(".cb_Same :input").click(function () {
                if ($(this).attr("checked")) {
                    $(".tb_SFirstName").val($(".tb_FirstName").val());
                    $(".tb_SMI").val($(".tb_MI").val());
                    $(".tb_SLastName").val($(".tb_LastName").val());
                    $(".tb_SAddressLine1").val($(".tb_AddressLine1").val());
                    $(".tb_SAddressLine2").val($(".tb_AddressLine2").val());
                    $(".tb_SCity").val($(".tb_City").val());
                    $(".ddl_SState").val($(".ddl_State").val());
                    $(".tb_SZip").val($(".tb_Zip").val());
                    $(".tb_SPhone").val($(".tb_Phone").val());
                }
            });

            //$(".tb_Password,.tb_Password1").attr("disabled", "disabled");

            $(".cb_CreateAccount :input").click(function () {
                if ($(this).attr("checked")) {
                    $(".acountpassword").css("visibility", "visible");
                    //$(".tb_Password,.tb_Password1").removeAttr("disabled");
                } else {
                    $(".acountpassword").css("visibility", "hidden");
                    //$(".tb_Password,.tb_Password1").attr("disabled", "disabled");
                }
            });

            $(".rbl_Shipping :radio").click(function () {
                var s = 0;
                $(".rbl_Shipping :radio").each(function () {
                    try { if ($(this).attr("checked")) s = parseFloat($(this).val()); } catch (ex) { }
                });
                $(".totalprice").text(getpricestring(s + parseFloat($(".totalprice").attr("orderprice"))));
            });

            $(":checkbox,:radio").css("height", "auto");
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="maincontent" runat="server">
    <div id="header_bottom">
        <div class="container clearfix">
            <div style="width: 960px; margin: 0 auto;">
                <div class="shopCarbag">
                    <ul class="cfl">
                        <li title="Step 1 of 3. Check out from cart" class="overed item1"><span>1</span>Your
                            Cart</li>
                        <li title="Step 2 of 3. Fill out the payment information" class="selected item2"><span>
                            2</span>Order Detail</li>
                        <li title="Step 3 of 3. Confirm with the purcharse" class="item3"><span>3</span>Confirmation</li>
                    </ul>
                    <div class="clear">
                    </div>
                </div>
                <div style="margin-top: 20px;">
                    <div style="width: 470px; float: left;">
                        <div style="background: url(/img/heading-bg.png) repeat-x bottom; padding: 5px;">
                            <h3>
                                Step 1 Billing Address</h3>
                        </div>
                        <div>
                            <div style="width: 160px; float: left; padding: 5px;">
                                <div>
                                    First Name<asp:RequiredFieldValidator 
                                        ID="RequiredFieldValidator1" runat="server" ControlToValidate="tb_FirstName" 
                                        ErrorMessage="*"></asp:RequiredFieldValidator>
                                </div>
                                <div>
                                    <asp:TextBox ID="tb_FirstName" runat="server" Width="140px" CssClass="tb_FirstName"></asp:TextBox>
                                </div>
                            </div>
                            <div style="width: 100px; float: left; padding: 5px;">
                                <div>
                                    MI</div>
                                <div>
                                    <asp:TextBox ID="tb_MI" runat="server" Width="80px" CssClass="tb_MI"></asp:TextBox></div>
                            </div>
                            <div style="width: 160px; float: left; padding: 5px;">
                                <div>
                                    Last Name<asp:RequiredFieldValidator 
                                        ID="RequiredFieldValidator2" runat="server" ControlToValidate="tb_LastName" 
                                        ErrorMessage="*"></asp:RequiredFieldValidator>
                                </div>
                                <div>
                                    <asp:TextBox ID="tb_LastName" runat="server" Width="140px" CssClass="tb_LastName"></asp:TextBox></div>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <div style="padding: 5px;">
                            <div>
                                Address<asp:RequiredFieldValidator 
                                    ID="RequiredFieldValidator5" runat="server" ControlToValidate="tb_AddressLine1" 
                                    ErrorMessage="*"></asp:RequiredFieldValidator>
                            </div>
                            <div style="padding-bottom: 5px;">
                                <asp:TextBox ID="tb_AddressLine1" runat="server" Width="420px" CssClass="tb_AddressLine1"></asp:TextBox></div>
                            <div>
                                <asp:TextBox ID="tb_AddressLine2" runat="server" Width="420px" CssClass="tb_AddressLine2"></asp:TextBox></div>
                            <div class="clear">
                            </div>
                        </div>
                        <div>
                            <div style="width: 160px; float: left; padding: 5px;">
                                <div>
                                    City<asp:RequiredFieldValidator 
                                        ID="RequiredFieldValidator7" runat="server" ControlToValidate="tb_City" 
                                        ErrorMessage="*"></asp:RequiredFieldValidator>
                                </div>
                                <div>
                                    <asp:TextBox ID="tb_City" runat="server" Width="140px" CssClass="tb_City"></asp:TextBox>
                                </div>
                            </div>
                            <div style="width: 160px; float: left; padding: 5px;">
                                <div>
                                    State<asp:RequiredFieldValidator 
                                        ID="RequiredFieldValidator8" runat="server" ControlToValidate="ddl_State" 
                                        ErrorMessage="*"></asp:RequiredFieldValidator>
                                </div>
                                <div>
                                    <asp:DropDownList ID="ddl_State" runat="server" Width="140px" Height="35px" CssClass="ddl_State">
                                        <asp:ListItem Value="AL" Text="Alabama"></asp:ListItem>
                                        <asp:ListItem Value="AK" Text="Alaska"></asp:ListItem>
                                        <asp:ListItem Value="AZ" Text="Arizona"></asp:ListItem>
                                        <asp:ListItem Value="AR" Text="Arkansas"></asp:ListItem>
                                        <asp:ListItem Value="AE" Text="Armed Forces Africa/Canada/Europe/Middle East"></asp:ListItem>
                                        <asp:ListItem Value="AA" Text="Armed Forces America"></asp:ListItem>
                                        <asp:ListItem Value="AP" Text="Armed Forces Pacific"></asp:ListItem>
                                        <asp:ListItem Value="CA" Text="California"></asp:ListItem>
                                        <asp:ListItem Value="CO" Text="Colorado"></asp:ListItem>
                                        <asp:ListItem Value="CT" Text="Connecticut"></asp:ListItem>
                                        <asp:ListItem Value="DE" Text="Delaware"></asp:ListItem>
                                        <asp:ListItem Value="DC" Text="District Of Columbia"></asp:ListItem>
                                        <asp:ListItem Value="FL" Text="Florida"></asp:ListItem>
                                        <asp:ListItem Value="GA" Text="Georgia"></asp:ListItem>
                                        <asp:ListItem Value="HI" Text="Hawaii"></asp:ListItem>
                                        <asp:ListItem Value="ID" Text="Idaho"></asp:ListItem>
                                        <asp:ListItem Value="IL" Text="Illinois"></asp:ListItem>
                                        <asp:ListItem Value="IN" Text="Indiana"></asp:ListItem>
                                        <asp:ListItem Value="IA" Text="Iowa"></asp:ListItem>
                                        <asp:ListItem Value="KS" Text="Kansas"></asp:ListItem>
                                        <asp:ListItem Value="KY" Text="Kentucky"></asp:ListItem>
                                        <asp:ListItem Value="LA" Text="Louisiana"></asp:ListItem>
                                        <asp:ListItem Value="ME" Text="Maine"></asp:ListItem>
                                        <asp:ListItem Value="MD" Text="Maryland"></asp:ListItem>
                                        <asp:ListItem Value="MA" Text="Massachusetts"></asp:ListItem>
                                        <asp:ListItem Value="MI" Text="Michigan"></asp:ListItem>
                                        <asp:ListItem Value="MN" Text="Minnesota"></asp:ListItem>
                                        <asp:ListItem Value="MS" Text="Mississippi"></asp:ListItem>
                                        <asp:ListItem Value="MO" Text="Missouri"></asp:ListItem>
                                        <asp:ListItem Value="MT" Text="Montana"></asp:ListItem>
                                        <asp:ListItem Value="NE" Text="Nebraska"></asp:ListItem>
                                        <asp:ListItem Value="NV" Text="Nevada"></asp:ListItem>
                                        <asp:ListItem Value="NH" Text="New Hampshire"></asp:ListItem>
                                        <asp:ListItem Value="NJ" Text="New Jersey"></asp:ListItem>
                                        <asp:ListItem Value="NM" Text="New Mexico"></asp:ListItem>
                                        <asp:ListItem Value="NY" Text="New York"></asp:ListItem>
                                        <asp:ListItem Value="NC" Text="North Carolina"></asp:ListItem>
                                        <asp:ListItem Value="ND" Text="North Dakota"></asp:ListItem>
                                        <asp:ListItem Value="OH" Text="Ohio"></asp:ListItem>
                                        <asp:ListItem Value="OK" Text="Oklahoma"></asp:ListItem>
                                        <asp:ListItem Value="OR" Text="Oregon"></asp:ListItem>
                                        <asp:ListItem Value="PA" Text="Pennsylvania"></asp:ListItem>
                                        <asp:ListItem Value="RI" Text="Rhode Island"></asp:ListItem>
                                        <asp:ListItem Value="SC" Text="South Carolina"></asp:ListItem>
                                        <asp:ListItem Value="SD" Text="South Dakota"></asp:ListItem>
                                        <asp:ListItem Value="TN" Text="Tennessee"></asp:ListItem>
                                        <asp:ListItem Value="TX" Text="Texas"></asp:ListItem>
                                        <asp:ListItem Value="UT" Text="Utah"></asp:ListItem>
                                        <asp:ListItem Value="VT" Text="Vermont"></asp:ListItem>
                                        <asp:ListItem Value="VA" Text="Virginia"></asp:ListItem>
                                        <asp:ListItem Value="WA" Text="Washington"></asp:ListItem>
                                        <asp:ListItem Value="WV" Text="West Virginia"></asp:ListItem>
                                        <asp:ListItem Value="WI" Text="Wisconsin"></asp:ListItem>
                                        <asp:ListItem Value="WY" Text="Wyoming"></asp:ListItem>
                                    </asp:DropDownList>
                                </div>
                            </div>
                            <div style="width: 100px; float: left; padding: 5px;">
                                <div>
                                    Zip<asp:RequiredFieldValidator 
                                        ID="RequiredFieldValidator9" runat="server" ControlToValidate="tb_Zip" 
                                        ErrorMessage="*"></asp:RequiredFieldValidator>
                                </div>
                                <div>
                                    <asp:TextBox ID="tb_Zip" runat="server" Width="80px" CssClass="tb_Zip"></asp:TextBox></div>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <div>
                            <div style="width: 160px; float: left; padding: 5px;">
                                <div>
                                    Phone</div>
                                <div>
                                    <asp:TextBox ID="tb_Phone" runat="server" Width="140px" CssClass="tb_Phone"></asp:TextBox>
                                </div>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                    </div>
                    <div style="width: 470px; float: right;">
                        <div style="background: url(/img/heading-bg.png) repeat-x bottom; padding: 5px;">
                            <h3>
                                Step 2 Verify shipping Address</h3>
                        </div>
                        <div>
                            <div style="width: 160px; float: left; padding: 5px;">
                                <div>
                                    First Name<asp:RequiredFieldValidator 
                                        ID="RequiredFieldValidator3" runat="server" ControlToValidate="tb_SFirstName" 
                                        ErrorMessage="*"></asp:RequiredFieldValidator>
                                </div>
                                <div>
                                    <asp:TextBox ID="tb_SFirstName" runat="server" Width="140px" CssClass="tb_SFirstName"></asp:TextBox>
                                </div>
                            </div>
                            <div style="width: 100px; float: left; padding: 5px;">
                                <div>
                                    MI</div>
                                <div>
                                    <asp:TextBox ID="tb_SMI" runat="server" Width="80px" CssClass="tb_SMI"></asp:TextBox></div>
                            </div>
                            <div style="width: 160px; float: left; padding: 5px;">
                                <div>
                                    Last Name<asp:RequiredFieldValidator 
                                        ID="RequiredFieldValidator4" runat="server" ControlToValidate="tb_SLastName" 
                                        ErrorMessage="*"></asp:RequiredFieldValidator>
                                </div>
                                <div>
                                    <asp:TextBox ID="tb_SLastName" runat="server" Width="140px" CssClass="tb_SLastName"></asp:TextBox></div>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <div style="padding: 5px;">
                            <div>
                                Address<asp:RequiredFieldValidator 
                                    ID="RequiredFieldValidator6" runat="server" 
                                    ControlToValidate="tb_SAddressLine1" ErrorMessage="*"></asp:RequiredFieldValidator>
                            </div>
                            <div style="padding-bottom: 5px;">
                                <asp:TextBox ID="tb_SAddressLine1" runat="server" Width="420px" CssClass="tb_SAddressLine1"></asp:TextBox></div>
                            <div>
                                <asp:TextBox ID="tb_SAddressLine2" runat="server" Width="420px" CssClass="tb_SAddressLine2"></asp:TextBox></div>
                            <div class="clear">
                            </div>
                        </div>
                        <div>
                            <div style="width: 160px; float: left; padding: 5px;">
                                <div>
                                    City<asp:RequiredFieldValidator 
                                        ID="RequiredFieldValidator10" runat="server" ControlToValidate="tb_SCity" 
                                        ErrorMessage="*"></asp:RequiredFieldValidator>
                                </div>
                                <div>
                                    <asp:TextBox ID="tb_SCity" runat="server" Width="140px" CssClass="tb_SCity"></asp:TextBox>
                                </div>
                            </div>
                            <div style="width: 160px; float: left; padding: 5px;">
                                <div>
                                    State<asp:RequiredFieldValidator 
                                        ID="RequiredFieldValidator11" runat="server" ControlToValidate="ddl_SState" 
                                        ErrorMessage="*"></asp:RequiredFieldValidator>
                                </div>
                                <div>
                                    <asp:DropDownList ID="ddl_SState" runat="server" Width="140px" Height="35px" CssClass="ddl_SState">
                                        <asp:ListItem Value="AL" Text="Alabama"></asp:ListItem>
                                        <asp:ListItem Value="AK" Text="Alaska"></asp:ListItem>
                                        <asp:ListItem Value="AZ" Text="Arizona"></asp:ListItem>
                                        <asp:ListItem Value="AR" Text="Arkansas"></asp:ListItem>
                                        <asp:ListItem Value="AE" Text="Armed Forces Africa/Canada/Europe/Middle East"></asp:ListItem>
                                        <asp:ListItem Value="AA" Text="Armed Forces America"></asp:ListItem>
                                        <asp:ListItem Value="AP" Text="Armed Forces Pacific"></asp:ListItem>
                                        <asp:ListItem Value="CA" Text="California"></asp:ListItem>
                                        <asp:ListItem Value="CO" Text="Colorado"></asp:ListItem>
                                        <asp:ListItem Value="CT" Text="Connecticut"></asp:ListItem>
                                        <asp:ListItem Value="DE" Text="Delaware"></asp:ListItem>
                                        <asp:ListItem Value="DC" Text="District Of Columbia"></asp:ListItem>
                                        <asp:ListItem Value="FL" Text="Florida"></asp:ListItem>
                                        <asp:ListItem Value="GA" Text="Georgia"></asp:ListItem>
                                        <asp:ListItem Value="HI" Text="Hawaii"></asp:ListItem>
                                        <asp:ListItem Value="ID" Text="Idaho"></asp:ListItem>
                                        <asp:ListItem Value="IL" Text="Illinois"></asp:ListItem>
                                        <asp:ListItem Value="IN" Text="Indiana"></asp:ListItem>
                                        <asp:ListItem Value="IA" Text="Iowa"></asp:ListItem>
                                        <asp:ListItem Value="KS" Text="Kansas"></asp:ListItem>
                                        <asp:ListItem Value="KY" Text="Kentucky"></asp:ListItem>
                                        <asp:ListItem Value="LA" Text="Louisiana"></asp:ListItem>
                                        <asp:ListItem Value="ME" Text="Maine"></asp:ListItem>
                                        <asp:ListItem Value="MD" Text="Maryland"></asp:ListItem>
                                        <asp:ListItem Value="MA" Text="Massachusetts"></asp:ListItem>
                                        <asp:ListItem Value="MI" Text="Michigan"></asp:ListItem>
                                        <asp:ListItem Value="MN" Text="Minnesota"></asp:ListItem>
                                        <asp:ListItem Value="MS" Text="Mississippi"></asp:ListItem>
                                        <asp:ListItem Value="MO" Text="Missouri"></asp:ListItem>
                                        <asp:ListItem Value="MT" Text="Montana"></asp:ListItem>
                                        <asp:ListItem Value="NE" Text="Nebraska"></asp:ListItem>
                                        <asp:ListItem Value="NV" Text="Nevada"></asp:ListItem>
                                        <asp:ListItem Value="NH" Text="New Hampshire"></asp:ListItem>
                                        <asp:ListItem Value="NJ" Text="New Jersey"></asp:ListItem>
                                        <asp:ListItem Value="NM" Text="New Mexico"></asp:ListItem>
                                        <asp:ListItem Value="NY" Text="New York"></asp:ListItem>
                                        <asp:ListItem Value="NC" Text="North Carolina"></asp:ListItem>
                                        <asp:ListItem Value="ND" Text="North Dakota"></asp:ListItem>
                                        <asp:ListItem Value="OH" Text="Ohio"></asp:ListItem>
                                        <asp:ListItem Value="OK" Text="Oklahoma"></asp:ListItem>
                                        <asp:ListItem Value="OR" Text="Oregon"></asp:ListItem>
                                        <asp:ListItem Value="PA" Text="Pennsylvania"></asp:ListItem>
                                        <asp:ListItem Value="RI" Text="Rhode Island"></asp:ListItem>
                                        <asp:ListItem Value="SC" Text="South Carolina"></asp:ListItem>
                                        <asp:ListItem Value="SD" Text="South Dakota"></asp:ListItem>
                                        <asp:ListItem Value="TN" Text="Tennessee"></asp:ListItem>
                                        <asp:ListItem Value="TX" Text="Texas"></asp:ListItem>
                                        <asp:ListItem Value="UT" Text="Utah"></asp:ListItem>
                                        <asp:ListItem Value="VT" Text="Vermont"></asp:ListItem>
                                        <asp:ListItem Value="VA" Text="Virginia"></asp:ListItem>
                                        <asp:ListItem Value="WA" Text="Washington"></asp:ListItem>
                                        <asp:ListItem Value="WV" Text="West Virginia"></asp:ListItem>
                                        <asp:ListItem Value="WI" Text="Wisconsin"></asp:ListItem>
                                        <asp:ListItem Value="WY" Text="Wyoming"></asp:ListItem>
                                    </asp:DropDownList>
                                </div>
                            </div>
                            <div style="width: 100px; float: left; padding: 5px;">
                                <div>
                                    Zip<asp:RequiredFieldValidator 
                                        ID="RequiredFieldValidator12" runat="server" ControlToValidate="tb_SZip" 
                                        ErrorMessage="*"></asp:RequiredFieldValidator>
                                </div>
                                <div>
                                    <asp:TextBox ID="tb_SZip" runat="server" Width="80px" CssClass="tb_SZip"></asp:TextBox></div>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <div>
                            <div style="padding: 5px;">
                                <div>
                                    <asp:CheckBox ID="cb_Same" runat="server" Text="Same as the Billing Address" CssClass="cb_Same" />
                                </div>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div style="padding-top: 10px">
                    <div style="background: url(/img/heading-bg.png) repeat-x bottom; padding: 5px;">
                        <h3>
                            Step 3 Shipping, Payment and Discount</h3>
                    </div>
                    <div style="margin-top: 5px;">
                        <div style="width: 270px; float: left; padding: 5px;">
                            <div>
                                Shipping</div>
                            <div>
                                <asp:RadioButtonList ID="rbl_Shipping" runat="server" CssClass="rbl_Shipping">
                                    <asp:ListItem Selected="True" Value="2.15">Economy $2.15</asp:ListItem>
                                    <asp:ListItem Value="5.15">Priority $5.15</asp:ListItem>
                                    <asp:ListItem Value="12.24">Express $12.24</asp:ListItem>
                                    <asp:ListItem Value="22.44">Overnight $22.44</asp:ListItem>
                                </asp:RadioButtonList>
                            </div>
                            <div>
                                DISCOUNT CODES</div>
                            <div>
                                Enter your coupon code if you have one.</div>
                            <div>
                                <asp:TextBox ID="tb_CouponCode" runat="server" Width="70px"></asp:TextBox><asp:LinkButton
                                    ID="btn_ApplyCoupon" runat="server" Text="APPLY COUPON" CssClass="shopBtn" style="display:inline-block; width:140px; height:34px;" /></div>
                        </div>
                        <div style="width: 570px; float: right;">
                            <div>
                                <div style="float: left; width: 150px;">
                                    <asp:RadioButtonList ID="rbl_PaymentType" runat="server">
                                        <asp:ListItem Selected="True">Credit Card</asp:ListItem>
                                        <asp:ListItem>Paypal</asp:ListItem>
                                    </asp:RadioButtonList>
                                </div>
                                <div style="float: left; width: 420px;">
                                    <div>
                                        <img src="/img/card_visa.gif" width="60" /><img src="/img/card_master.gif" width="60" /><img
                                            src="/img/card_discover.gif" width="60" /><img src="/img/card_american.gif" width="60" /></div>
                                    <div>
                                        Credit Card Type</div>
                                    <div>
                                        <asp:DropDownList ID="ddl_CreditCardType" runat="server" Height="35px" Width="400px">
                                            <asp:ListItem>Visa</asp:ListItem>
                                            <asp:ListItem>Master Card</asp:ListItem>
                                            <asp:ListItem>Discover</asp:ListItem>
                                            <asp:ListItem>American Express</asp:ListItem>
                                        </asp:DropDownList>
                                    </div>
                                    <div>
                                        Credit Card Number&nbsp;&nbsp;<asp:RegularExpressionValidator 
                                            ID="RegularExpressionValidator1" runat="server" 
                                            ControlToValidate="tb_CreditCardNumber" ErrorMessage="Invalid Number" 
                                            ValidationExpression="\d+"></asp:RegularExpressionValidator>
                                    </div>
                                    <div>
                                        <asp:TextBox ID="tb_CreditCardNumber" runat="server" Width="400px" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"></asp:TextBox></div>
                                    <div>
                                        <div style="float: left; width: 100px;">
                                            <div>
                                                Expiration Date</div>
                                            <div>
                                                <asp:DropDownList ID="ddl_Month" runat="server" Height="35px" Width="80px">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div style="float: left; width: 100px;">
                                            <div>
                                                &nbsp;</div>
                                            <div>
                                                <asp:DropDownList ID="ddl_Year" runat="server" Height="35px" Width="80px">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div style="float: left; width: 180px;">
                                            <div>
                                                CSV</div>
                                            <div>
                                                <asp:TextBox ID="tb_CSV" runat="server" Width="80px"></asp:TextBox><a href="###">What
                                                    is it?</a></div>
                                        </div>
                                        <div class="clear">
                                        </div>
                                    </div>
                                </div>
                                <div class="clear">
                                </div>
                            </div>
                            <div style="margin-top: 5px;">
                                <div style="float: left; width: 150px; line-height: 30px;">
                                    <div style="text-align: right">
                                        Email:</div>
                                    <div>
                                        &nbsp;</div>
                                    <div style="text-align: right" class="acountpassword">
                                        Password:</div>
                                </div>
                                <div style="float: left; width: 420px;">
                                    <div>
                                        <asp:TextBox ID="tb_Email" runat="server" Width="400px"></asp:TextBox>
                                    </div>
                                    <div>
                                        <asp:CheckBox ID="cb_CreateAccount" runat="server" Text="Create an account for later user"
                                            Visible="false" CssClass="cb_CreateAccount" />
                                    </div>
                                    <div class="acountpassword">
                                        <asp:TextBox ID="tb_Password" runat="server" TextMode="Password" Width="120px" Visible="false"
                                            CssClass="tb_Password"></asp:TextBox><span>Retype Password:</span><asp:TextBox ID="tb_Password1"
                                                runat="server" TextMode="Password" Width="120px" Visible="false" CssClass="tb_Password1"></asp:TextBox></div>
                                </div>
                                <div class="clear">
                                </div>
                            </div>
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                </div>
                <div style="padding-top: 10px">
                    <div style="background: url(/img/heading-bg.png) repeat-x bottom; padding: 5px;">
                        <h3>
                            Step 4 Check Out Review</h3>
                    </div>
                    <div class="table_wrapper">
                        <table width="100%" border="1">
                            <tr>
                                <th align="center" style="text-align:center">
                                    Product Name
                                </th>
                                <th align="center" style="text-align:center">
                                    Price
                                </th>
                                <th align="center" style="text-align:center">
                                    Qty
                                </th>
                                <th align="center" style="text-align:center">
                                    Subtotal
                                </th>
                            </tr>
                            <asp:Repeater ID="Repeater_Cart" runat="server">
                                <ItemTemplate>
                                    <tr>
                                        <td>
                                            <%#Eval("GoodsName") %>
                                        </td>
                                        <td align="right" style="text-align:right">
                                            <%#Eval("GoodsPrice") %>
                                        </td>
                                        <td align="right" style="text-align:right">
                                            <%#Eval("GoodsCount") %>
                                        </td>
                                        <td align="right" style="text-align:right">
                                            <%#GetSubTotal(Eval("GoodsPrice"), Eval("GoodsCount"))%>
                                        </td>
                                    </tr>
                                </ItemTemplate>
                            </asp:Repeater>
                            <tr>
                                <td colspan="4" align="right" style="text-align: right;">
                                    Grand Total: $<asp:Literal ID="lb_TotalPrice" runat="server"></asp:Literal>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div style="color: #525F90; padding: 5px;">
                    <asp:Literal ID="lb_Msg" runat="server"></asp:Literal>
                </div>
                <div>
                    <div style="float: right;">
                        <asp:LinkButton ID="btn_ReviewOrder" runat="server" Text="Review Order" CssClass="shopBtn"
                            Width="140px" PostBackUrl='~/goods/OrderConfirmation.aspx?OrderID=<%=Request["OrderID"] %>'></asp:LinkButton></div>
                    <div style="float: right; padding-right: 10px;">
                        <asp:LinkButton ID="btn_GoBack" runat="server" Text="Go Back" CssClass="shopBtn"
                            OnClientClick="history.go(-1);event.cancelBubble=true;return false;" Width="140px"></asp:LinkButton></div>
                    <div class="clear">
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
